<!--
 * @Author: 陈俊升 761723995@qq.com
 * @Date: 2023-10-26 17:51:25
 * @LastEditors: 陈俊升 761723995@qq.com
 * @LastEditTime: 2023-11-10 11:12:18
 * @FilePath: /hr_new_vue3/src/views/Management/Contract/BaseSetting/index.vue
 * @Description: 这是默认设置,请设置`customMade`, 打开koroFileHeader查看配置 进行设置: https://github.com/OBKoro1/koro1FileHeader/wiki/%E9%85%8D%E7%BD%AE
-->
<!-- 合同-基础设置 -->
<template>
  <ContentCard>
    <template #header>
      <pageHeaderNew :title="title" :breadCrumb="breadCrumb"></pageHeaderNew>
    </template>
    <div class="base-setting-warp">
      <div v-for="(item, index) in setting" :key="index">
        <settingWrap
          @goDetail="goDetail(item)"
          :name="item.name"
          :description="item.description"
          :icon="item.icon"
        ></settingWrap>
      </div>
    </div>
  </ContentCard>
</template>

<script lang="ts" setup>
interface str {
  name: string;
  description: string;
  icon: string;
  path: string;
}
const router = useRouter();
const title = '基础设置';

const breadCrumb: string[] = ['人事', '基础设置'];

const setting = reactive<str[]>([
  // {
  //   name: '企业印章',
  //   description: `说明：自定义配置人员信息字段`,
  //   icon: 'icon-settings',
  //   path: 'CorporateSeal'
  // },
  {
    name: '合同类型及模板',
    description: `说明：配置合同的类型以及对应模板`,
    icon: 'icon-settings',
    path: 'ContractTemplate'
  },
  {
    name: '合同预警提醒',
    description: `说明：新增合同预警提醒，续期合同预警提醒的规则`,
    icon: 'icon-settings',
    path: 'ContractRemindSetting'
  },
  {
    name: '合同异动及原因设置',
    description: `说明：合同异动类型及原因设置`,
    icon: 'icon-settings',
    path: 'ContractTypeSetting'
  },
  {
    name: '合同续签评估方案',
    description: `说明：自定义配置人员信息字段`,
    icon: 'icon-settings',
    path: 'ContractEducation'
  },
  {
    name: '合同续签意向表设置',
    description: `说明：合同续签意向表设置信息`,
    icon: 'icon-settings',
    path: 'ContractRenewal'
  }
]);

const goDetail = (item: str) => {
  router.push({
    name: item.path
  });
};
</script>

<style scoped lang="less">
.base-setting {
  &-warp {
    display: flex;
    flex: 1;
    flex-wrap: wrap;
  }
}
.arco-divider-horizontal {
  margin-top: 0;
}

::v-deep .arco-tabs-nav::before {
  height: 0px !important;
}
</style>
